<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;" />
<script src="__PUBLIC__/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<!--[if IE 6]>
<script type="text/javascript" src="/js/DDPNG-0.0.8a-Min.js"></script>
<script>DD_belatedPNG.fix('div,img,dl,dd,span,li,h3,dt,input,a,a:hover,.png');</script>
<link href="/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style>
*{margin:0;padding:0}
	html,body{/*html for FF Moz NS7 OP */
	/*text-align:center; IE 5 IE 5.5*/
	margin:0;/* no margins body */
	padding:0;/* no padding body */
	height:100%;
	width:100%;
	background:transparent;
	}
img { border:none;}
body{text-align:center;font-family:"微软雅黑";}
ul,li{list-style:none;}
a{text-decoration:none;color:#000;}
.wrap { width:328px;height:180px;overflow:hidden;text-align:left;position:relative;left:-23px;}
.main{width:311px; margin:0 auto;height:130px;}
.name {margin-top:3px;width:48px;height:20px; line-height:20px; text-align:center;}
.main li { float:left;width:48px;border:1px solid #fafafa;font-size:12px;height:64px;padding:5px;margin-right:10px;margin-bottom:10px;}
.main li.hover { background:#e9ecf3;border:1px solid #c8c8c8;}
</style>
<script>
$(function(){
	$('li').hover(function(){
		
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	})
})
</script>
</head>
<body style="background:#fafafa">
	<div class="wrap">
		<ul class="main">
			<volist name="data" id="vo">
			<li style="cursor:pointer;" onclick=window.location.href="{$vo.link}">
				<div class="pic"><img src="__PUBLIC__{$vo.cimage}" /></div>
				<div class="name" title="{$vo.cname}"><?php echo cut_str($vo['cname'],4)?></div>
			</li>			
			</volist>
			
		</ul>
	
	</div>

</body>
</html>